Main Page

Canvas Manipulation with colors

This project draws squares on a grid of 10x10 making 100 boxes. We then color in the boxes individually by getting the top left point of each box and filling in the rectangle space of 50px by 50px with either green or white. The animations are visualized smoothly by using async function to pause 70ms between each iteration.

Day 16 of "100 days of coding".


Color In Squares Erase Square Color